<template>
  <div class="main">
    <!-- 头部 -->
    <tit tit="芝麻信用详情"></tit>
    <div class="midimg">
      <img src="../../../assets/images/credit.png" alt="" class="xxx" />
    </div>

    <!-- 中间卡片 -->
    <div class="midcard">
      <img src="../../../assets/images/credit_goods.png" alt="" />
    </div>
    <!-- 底下按钮 -->
    <button class="btn">立即体验</button>
    <!-- <van-button type="danger" style="width:670px height:78px margin:0 auto">立即体验</van-button> -->
  </div>
</template>

<script>
import tit from "../../../components/tit.vue";
export default {
  data() {
    return {};
  },
  components: {
    tit,
  },
  methods:{
    goback(){
      this.$router.replace({name:'Mine'})
    }
  }
};
</script>

<style scoped lang='less'>
/deep/ .main {
  font-size: 40px;
}
.main {
  .midimg {
    width: 100%;
    .xxx {
      height: 302px;
    }
  }
  .midcard {
    height: 520px;
    margin: 42px 20px 124px 20px;
    box-shadow: 0px 0px 5px 5px rgb(243, 243, 243);
    img {
      height: 500px;
      width: 97%;
    }
  }
  .btn {
    display: block;
    background-color: #ff5654;
    border: 1px solid #ff5654;
    width: 670px;
    height: 78px;
    margin: 0 auto;
    text-align: center;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
  }
}
</style>